<template>
	<div class="box">
<view class="top">
	<text class="top_left">我的</text>
	<view class="top_right">
	<text class="iconfont" @click="jumpSearch">&#xe86f;</text>
	<text class="iconfont" @click="jumpSetting">&#xe621;</text>
	</view>
</view>
<view class="user">
	<image src="../../../static/user.png" mode="" class="head" @click="jumpGeRen"></image>
	<view class="user_center">
		<view class="user_center_top">
			<text @click="jumpPay">赵小刚</text>
			<text class="sold">销售经理</text>
		</view>
		<text>1979175968</text>
	</view>
	<image src="../../../static/dayu.png" mode="" class="dayu" @click="jumpGeRen"></image>
</view>
<view class="bottom_list">
	<ul>
		<li>
			<view class="bottom_text">
				<text class="iconfont">&#xe605;</text>

				<text @click="jumpZhongdian">重点关注</text>
			</view>
			<image src="../../../static/dayu.png" mode="" class="bottom_img"></image>
		</li>
		<li>
			<view class="bottom_text">
				<text class="iconfont">&#xeac3;</text>
		
				<text @click="jumpBaoGao">我的报告</text>
			</view>
			<image src="../../../static/dayu.png" mode="" class="bottom_img"></image>
		</li>
		<li>
			<view class="bottom_text">
				<text class="iconfont">&#xeac3;</text>
		
				<text @click="jumpGDan">我的工单</text>
			</view>
			<image src="../../../static/dayu.png" mode="" class="bottom_img"></image>
		</li>
		<li>
			<view class="bottom_text">
				<text class="iconfont">&#xe625;</text>
		
				<text @click="jumpMyKaoQin">我的考勤</text>
			</view>
			<image src="../../../static/dayu.png" mode="" class="bottom_img"></image>
		</li>
		<li>
			<view class="bottom_text">
				<text class="iconfont">&#xe63f;</text>
		
				<text @click="jumpMywenD">我的文档</text>
			</view>
			<image src="../../../static/dayu.png" mode="" class="bottom_img"></image>
		</li>
	</ul>
</view>
<br/>
<view class="bottom_list">
	<ul>
		<li>
			<view class="bottom_text">
				<text class="iconfont">&#xe621;</text>
		
				<text>我的动态</text>
			</view>
			<image src="../../../static/dayu.png" mode="" class="bottom_img"></image>
		</li>
		<li>
			<view class="bottom_text">
				<text class="iconfont">&#xe86f;</text>
		
				<text @click="jumpDtSc">动态收藏</text>
			</view>
			<image src="../../../static/dayu.png" mode="" class="bottom_img"></image>
		</li>
	</ul>
</view>
<br/>
<view class="bottom_list">
	<ul>
		<li>
			<view class="bottom_text">
				<text class="iconfont">&#xe60a;</text>
		
				<text @click="jumpQiye">企业信息</text>
			</view>
			<image src="../../../static/dayu.png" mode="" class="bottom_img"></image>
		</li>
		<li>
			<view class="bottom_text">
				<text class="iconfont">&#xe69e;</text>
		
				<text @click="jumpYiJian">意见反馈</text>
			</view>
			<image src="../../../static/dayu.png" mode="" class="bottom_img"></image>
		</li>
		<li>
			<view class="bottom_text">
				<text class="iconfont">&#xe8ba;</text>
		
				<text @click="jumpGuanYu">关于应用</text>
			</view>
			<image src="../../../static/dayu.png" mode="" class="bottom_img"></image>
		</li>
	</ul>
</view>

	</div>
</template>

<script>
	export default {
		data() {
			return {
			data:{
				name:'马云',
				sex:"男",
				birthday:"1984-06-22",
				email:"Windir@AxureUX.com",
				phone:'1234353553',
				wxhao:'18033441894',
				linePhone:"12222222",
				workNumber:'10001',
				Origin:'河南',
				schoolEnd:"北大",
				endTime:'2019-09',
				Degree:'博士',
				grade:'心理学',
				deparent:'销售部',
				zhiwei:'销售经理'
			}
			}
		},
		methods: {
			jumpGeRen() {
				uni.navigateTo({
					url:"/pages/my/geren/geren?data="+JSON.stringify(this.data)
				})
			},
			jumpQiye(){
				uni.navigateTo({
					url:"/pages/my/qiye/qiye"
				})
			},
			jumpYiJian(){
				uni.navigateTo({
					url:"/pages/my/yijian/yijian"
				})
			},
			jumpGuanYu(){
				uni.navigateTo({
					url:"/pages/my/guanyu/guanyu"
				})
			},
			jumpMyKaoQin(){
				uni.navigateTo({
					url:"/pages/my/mykaoqin/mykaoqin"
				})
			},
			jumpZhongdian(){
			uni.navigateTo({
				url:"/pages/my/zhongdian/zhongdian"
			})
		},
		jumpDtSc(){
			uni.navigateTo({
				url:"/pages/my/dongtaishoucang/dongtaishoucang"
			})
		},jumpMywenD(){
			uni.navigateTo({
				url:"/pages/my/mywendang/mywendang"
			})
		},
		jumpBaoGao(){
			uni.navigateTo({
				url:"/pages/my/mybaogao/mybaogao"
			})
		},jumpGDan(){
			uni.navigateTo({
				url:"/pages/my/mygongdan/mygongdan"
			})
		},jumpSearch(){
			uni.navigateTo({
				url:"/pages/my/Search/Search"
			})
		},
		jumpSetting(){
			uni.navigateTo({
				url:"/pages/my/setting/setting"
			})
		},jumpPay(){
			uni.navigateTo({
				url:"/pages/my/pay/pay"
			})
		}
		}
	}
</script>

<style>
	.bottom_text>text{
		margin-left: 10px;
	}
	.bottom_img{
		width:30px;
		height: 30px;
	}
	.bottom_list>ul>li{
		display: flex;
		justify-content: space-between;
		align-items: center;
		border-bottom: 1px solid rgb(228, 228, 228);
		padding: 12px;
		background-color: white;
	}
	.bottom_list>ul{
		margin-top: 20px;
	}
		
	
	
	.bottom_list>ul>li>.bottom_text>.iconfont{
		font-size: 25px;
		color: rgb(143, 143, 143);
	}
	.user{
		padding: 25px;
		border-bottom: 1px solid rgb(228, 228, 228);
	}
	.user_center{
		line-height: 30px;
	}
	.user_center_top>text{
		margin-left: 5px;
	}
	.sold{
		color: gainsboro;
		font-size: 12px;
	}
	.dayu{
		width: 28px;
		height: 28px;
	}
	.head{
		width: 80px;
		height: 80px;
	}
*{
	list-style-type: none;
}
.box{
	background-color: rgb(249, 249, 249);
}
.top{
	display: flex;
	justify-content:space-between;
	margin:15px;
	background-color: white;
}
.top_right>text{	
	margin-left: 15px;
	padding: 5px;
}
.top_left{
	
	font-size: 22px;
	font-weight: bold;
}
.top_right>.iconfont{
	color: rgb(52, 120, 247);
	font-size: 22px;
}
.user{
	width: 100%;
	height: auto;
	background-color: white;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
</style>